<template>
  <van-tabbar v-model="active" route="true" active-color="#FF6B6B">
    <van-tabbar-item to="/home">
      <template #icon>
        <i class="iconfont icon-shouye-shouye"></i>
      </template>
      首页
    </van-tabbar-item>
    <van-tabbar-item to="/chatBot">
      <template #icon>
        <i class="iconfont icon-AIyijianshengcheng"></i>
      </template>
      chatBot
    </van-tabbar-item>
    <van-tabbar-item to="/menu">
      <template #icon>
        <i class="iconfont icon-wodecaipu"></i>
      </template>
      我的菜谱
    </van-tabbar-item>
    <van-tabbar-item to="/community">
      <template #icon>
        <i class="iconfont icon-shequ"></i>
      </template>
      社区
    </van-tabbar-item>
    <van-tabbar-item to="/person">
      <template #icon>
        <i class="iconfont icon-icon-person-renwu"></i>
      </template>
      个人中心
    </van-tabbar-item>
  </van-tabbar>

</template>

<script setup>
import { ref } from 'vue';

const active = ref(0);

</script>

<style lang="less" scoped></style>
